<style>
  @media screen and (max-width:800px){
    .behide{
      display: none;
    }
  }
</style>
<div class="container" style="background-color: #FF4500;"><!--#ED6F00 #FF4500-->
    <div class="row" style="min-width:200px;">
        <div class="col-2 float">
          <p>......</p>
        </div>
        <div class="col">
            <div class="card">
              <div class="card-body">
                <h5 class="card-title">使用说明</h5>
                <p class="card-text">1.英文EN或日文JP二选一；</p>
                <p class="card-text">2.在Content框中输入或粘贴一句或一段英文/日文；</p>
                <p class="card-text">3.点击按钮[translate]等待程序执行完毕，译文将以句为元素在下方罗列显示；</p>
                <p class="card-text">4.点击按钮[clear]同时清空Content框和译文；</p>
                <p class="card-text">5.点击译文列表某句子中的按钮[vocabulary]可显示该句的重点词汇。</p>
              </div>
            </div>
        </div>
        <div class="col-2 float behide">
          <h5>版本历史</h5>
              <div>
                <h6>v.20220810</h6>
                <p class="text-break">第一次迭代上线</p>
                <p class="text-break">功能包括：翻译-->英语句字翻译</p>
                  <hr>
              </div>
              <div>
                <h6>v.20220815</h6>
                <p class="text-break">第二次迭代上线</p>
                <p class="text-break">功能包括：知道-->查询wiki百科词条</p>
                  <hr>
              </div>
        </div>
    </div>
</div>
